<head>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
  </head>
  <body>
    
    <div class="myBody">
      <div class="myTitle">
        <br />
        <h1>Wake Up! Start to work!</h1>
      </div>
      <br />
      <div class="container">
        <div class="input-group mb-3">
          <div class="input-group-prepend">
            <span class="input-group-text" id="inputGroup-sizing-default">用户名 username</span>
          </div>
          <input id="user" type="text" [(ngModel)]="username" #usernameRef="ngModel" required minlength="3" class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-default">
          <label *ngIf="usernameRef.errors?.required">this is required</label>
          <label *ngIf="usernameRef.errors?.minlength">should be at least 3 charactors</label>
          <label *ngIf="auth?.hasError">{{auth.errMsg}}</label>
        </div>
        <br />
        <div class="input-group mb-3">
          <div class="input-group-prepend">
            <span class="input-group-text" id="inputGroup-sizing-default">密码 password</span>
          </div>
          <input id="password" type="text" [(ngModel)]="password" #passwordRef="ngModel" required class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-default">
          <label *ngIf="passwordRef.errors?.required">this is required</label>
        </div>
        <br />
        <div class="myText">
          <a routerLink="/staff-attendance"><button type="button" class="myButton">Log in to work! 2222 </button></a>
        </div>
  
            <!--即将并入登录按钮-->
            <br />
            <div class="myText">
              <a routerLink="/manager-system"><button type="button" class="myButton">总经理登录</button></a>
            </div>
            
            <br />
            <div class="myText">
              <a routerLink="/administration-staff-attendance"><button type="button" class="myButton">行政部员工登录</button></a>
            </div>
            
            <br />
            <div class="myText">
              <a routerLink="/finance-staff-attendance"><button type="button" class="myButton">财政部员工登录（可能取消）</button></a>
            </div>
            
      </div>     
    </div>
  </body>
  